<template>
  <div class="header flex flexAtcent flexJcent">
    <div class="head-item flex flexAtcent">
      <div class="logo"><img src="../assets/img/logo.png" alt=""></div>
      <div class="search-item flex flexAtcent">
        <input type="text" placeholder="请输入关键字">
        <i class="icon"><img src="../assets/img/search-icon.png" alt=""></i>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      navs: []
    }
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.header {
  background: #459428;
  .head-item {
    height: 74px;
    width: 1180px;
    justify-content: space-between;
    .logo {
      width: 194px;
      margin-left: 38px;
    }
    .search-item {
      background: #fff;
      border-radius: 100px;
      height: 34px;
      justify-content: space-between;
      margin-right: 20px;
      input {
        width: 200px;
        height: 100%;
        font-size: 12px;
        padding-left: 12px;
      }
      .icon {
        width: 22px;
        margin-right: 14px;
      }
    }
  }
}
</style>
